@charset "utf-8";
.logo img{height: 44px; display: block;}
.logo img.mob{display: none;}
.header{z-index: 9;width: 100%;position: absolute;top: 0;box-sizing: border-box;}
.header>.fr{padding-right: 6vw;overflow: hidden;padding-left: 1vw;}
.nav_xl_a {position:relative;cursor:pointer;z-index:999;width: 50px; height: 80px;display: none;margin-left: 15px;vertical-align: middle;}
.nav_xl_a span{position: relative;border-radius: 2px;display: block;margin-top: -1px;}
.nav_xl_a span{position:absolute; top:50%; right: 0;width: 100%; height: 4px;border-radius: 2px; background:#00479d; 
    transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.nav_xl_a .h2 {-webkit-transform:translate3d(0,-8px,0); transform:translate3d(0,-8px,0);}
.nav_xl_a .h3 {-webkit-transform:translate3d(0,8px,0); transform:translate3d(0,8px,0);}
.a1 .h2 {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);width: 100%;background: #00479d;right: 15%;}
.a1 .h1 {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);width: 100%;background: #00479d;right: 15%;}
.a1 .h3{width: 0;opacity: 0;}

.header .t{line-height: 42px;}
.header .lang{background-color: #f39800;font-size: 10px;border-radius: 5px;padding: 0 0.5em;line-height: 25px;display: inline-block;margin-right: 10px;}
.header .phone img{margin-right: 1vw;}

.header .b{padding-top: 1vw;}
.MenuList_f1{ z-index: 2;line-height: 1.0;box-sizing: border-box;float: right;}
.MenuList_f1 .menu{text-align: right;}
.MenuList_f1 .stmenu{display: inline-block;position: relative;}
.MenuList_f1 .stmenu a{display: block;font-size: 16px;white-space: nowrap;position: relative;padding: 5px 0;}
.MenuList_f1 .stmenu a span{font-weight: bold; line-height: 34px;padding: 0 1.2vw;border-radius: 17px; text-transform: capitalize;color: #000;display: block;position: relative;
    transition:.3s all ease-out;-ms-transition:.3s all ease-out;-webkit-transition:.3s all ease-out;
}
.MenuList_f1 .child{display: none;position: absolute;left: 0;top: 34px;width: auto;text-align: center;z-index: 2;border-top: 15px solid transparent;
    left: 50%; transform:  translate(-50%, 0);-webkit-transform:  translate(-50%, 0);
    border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.MenuList_f1 .child li{display: block;margin: 0;background: rgba(255,255,255,0.8);}
.MenuList_f1 .child>li a span{height: auto;line-height: 1.5; background-color: transparent;border-bottom: 0;padding:  0.5vw 2vw;color: #666;font-weight: normal;}
.MenuList_f1 .child>li:last-child{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;margin-right: 0;}
.MenuList_f1 .child>li a:after{height: 1px;}

.ewm{margin-left: 1.5vw;width: 120px;}
.link li{display: inline-block;margin-bottom: 5px;}
.link li:last-child{margin-right: 0;}
.link li.jg{margin: 0 5px;}
.link li.jg:last-child,.mainlink li:first-child{display: none;}
.mainlink li{margin-bottom: 0;margin-right: 2.6vw;font-weight: bold;}
.footer .T {background-image: url(../images/fbg.jpg);background-size: cover;}
.footer .T li{width: 33%;}
.footer .T li i{display: inline-block;height: 3vw;max-height: 57px;}
.footer .T li i:before{display: inline-block;content: "";height: 100%;width: 1px;vertical-align: middle;}
.footer .T li i img{display: inline-block;vertical-align: middle;max-height: 100%;}
.footer .T .slogo{display: block; height: 48px;}
.footer .B{padding: 1vw 0 2.6vw 0;box-sizing:border-box;}
.footer .L{max-width: calc(100% - 550px);}
.footer .R{width: 500px;}
.ewm div{width:100%;}
.ewm div img{display: block; width:100%;}

    .MenuList_f1 .on .drop span{color: #fff;background-color: #00479d;}
@media screen and (min-width: 1100px){
    .MenuList_f1 .child h3 a:hover span{color: #00479d;}
    .MenuList_f1 .stmenu .drop:hover span{color: #fff; background-color: #00479d;}
    .footer a:hover{color: #a9c8e0;}
}

@media screen and (max-width: 1440px) {
    .MenuList_f1 .stmenu{margin-right: 1vw;}
     .MenuList_f1 .stmenu>h3 a span{font-size: 16px;}
}
@media screen and (max-width: 1100px) {
    body{padding-top: 80px;}
    .header .t{display: none;}
    .header .bg2,.header .bg{display: none;}
    .MenuList_f1 .stmenu a:after{display: none;}
    .header{position: fixed;top: 0;height: 80px;box-shadow: 2px 2px 2px rgba(0,0,0,0.03);padding-right: 0;background: #fff;}
    .header .b{padding: 0;}
    .logo {padding-top: 20px;}
    .logo img{height: 40px;}
    .lang,.header .s_ceng{padding: 19px 5px;}
    .lang #btnxl,.header .s_ceng .s{color: #999999;background-color: #eeeeee;}
    .lang #btnxl{background-image: url(../images/langb.png);padding-right: 10px;background-position: 13px center;}
    .nav_xl_a{display: block;float: right;}

    .MenuList_f1 .menu{text-align: left;}
    .MenuList_f1{width: 45%;position: fixed;right: 0;top: 80px;opacity: 1; color: #fff;z-index: 5;height: 100%;display: none;
        height: calc(100% - 80px);bottom: 0;overflow-y: scroll;overflow-x: hidden; 
        box-sizing: border-box;background: rgba(255,255,255,0.96);padding: 2vw 4% 0 4%;
        -webkit-transition: all .6s ease;
        -o-transition: all .6s ease;
        transition: all .6s ease;
    }
    .MenuList_f1 .child{border-radius: 0; display: none;position: static;border-top: none; -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;}
    .MenuList_f1 .child li{display: block; margin-right: 0;background: none;text-align: center;box-sizing:border-box;padding: 0 2vw;}
    .MenuList_f1 .child>li a span{padding: 5px;text-align: left;}
    .MenuList_f1 .child:after{content: "";display: block;clear: both;}

    .MenuList_f1.act{text-align: left;}
    .MenuList_f1 .stmenu{display: block;margin-bottom: 1vw;border-bottom: 1px solid #efefef;width: 100%;margin: 0;}
    .MenuList_f1 .stmenu a span{height: auto;line-height: 1.5;}
    .MenuList_f1 .stmenu h3{margin-bottom: 0;position: relative;}
    .MenuList_f1 .stmenu>h3 a span{padding: 10px 5px;position: relative;}
    .MenuList_f1 .stmenu.on>h3 a span{border-radius: 0;}
    .MenuList_f1 .fa.stmenu>h3:after{
        transition: 0.5s ease 0s;
        content: '';
        position: absolute;
        z-index: 0;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        display: block;
        border-right: 2px solid #666;
        border-top: 2px solid #666;
        width: 7px;
        height: 7px;
        right: 7px;
    } 

    .footer .L{display: none;}
    .footer .B .link {display: none;}
    .footer .R{width: 100%;text-align: center;}
}
@media screen and (max-width: 640px){
    body{padding-top: 14.6vw;}
    .logo{padding-top: 3vw;}
    .logo img{height: 8.4vw;}
    .header{height: 14.6vw;}
    .logo img.pc{display: none;}
.logo img.mob{display: block;}
    .lang {position: absolute;display: block;display: block;right: 17vw;margin-top: 3.3vw;padding: 0;}
    .lang #btnxl{padding: 0 2vw 0 7vw;background-position: 2vw center;background-size: 4vw; height: 8vw;line-height: 8vw; font-size: 3.8vw;border-radius: 1vw;}
    /* .lang #btnxl:after{border-top-color: #20202a;top: 3vw;} */
    .nav_xl_a{width: 10.6vw;height: 14.6vw;}
    .nav_xl_a .h2 {-webkit-transform:translate3d(0,-2.0vw,0); transform:translate3d(0,-2.0vw,0);}
    .nav_xl_a .h3 {-webkit-transform:translate3d(0,2.0vw,0); transform:translate3d(0,2.0vw,0);}
    .a1 .h2 {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);}
    .a1 .h1 {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);}

    .MenuList_f1{top: 14.6vw;padding: 2vw 5% 0 5%;width: 100%;height: calc(100% - 14.6vw);}
    .MenuList_f1 .stmenu{transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease;}
    .MenuList_f1 .stmenu a{padding: 0;}
    .MenuList_f1 .stmenu>h3 a span{font-size: 4vw;padding: 2.5vw 0;    font-weight: normal;}
    .MenuList_f1 .on .drop span{background: none;color: #00479d;}
    .MenuList_f1 .child{display: none;background: #00479d;}
    .MenuList_f1 .child li{padding: 0;}
    .MenuList_f1 .child>li a span{font-size: 3.8vw;padding: 2vw 3vw;color: #fff;}
    .MenuList_f1.hide .stmenu{
        -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
    }
    .MenuList_f1.hide .stmenu:nth-child(2n+1) {
        -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    .footer{background-image: url(../images/mfbg.jpg);background-size: cover;}
    .footer .T{background: none;}
    .footer .T .vam {text-align: center;}
    .footer .T p{margin-top: 0;}
    .footer .T .slogo{height: 6.4vw;display: inline-block;}
    .ewm{width: 16vw;display: block;margin: 3vw auto;}
    .footer .B{background: none;}
    .footer .T{padding-bottom: 0;}
}